<html>
<head>
    <title>Word Cloud</title>
    <script language="JavaScript">
        function sendRequest() {
            var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
            xhr.open("GET", "/wordcloud"); //设置请求方法和URL为WordCloudView视图函数对应的url
            xhr.responseType = "json"; //设置响应类型为json
            xhr.onload = function() { //设置请求成功的回调函数
                if (xhr.status == 200) { //如果状态码为200，表示成功
                    var data = xhr.response; //获取响应的数据
                    var img = document.getElementById("wordcloud"); //获取<img>标签的元素
                    img.src = data.wordcloud_url; //更新<img>标签的src属性为词云图的链接
                }
            };
            xhr.send(); //发送请求
        }
        setInterval('sendRequest()', 30000); //指定15秒发送一次请求
    </script>
</head>
<body>
    <h1>Word Cloud</h1>
    <img id="wordcloud" src="{% static 'wordcloud.png' %}" width="500" height="280"> <!--使用<img>标签显示词云图，并使用static标签引用静态文件-->
</body>
</html>
